<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Probando Mootols</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/estilos.css">
        <script src="mootols/mootools-core-1.4.5-full-compat-yc.js"></script>
        <script src="js/mootols.js"></script>
    </head>
    <body>
        <div id="contenedor" class="contenedor">
            <header></header>
            <div id="contenido" class="contenido">
                <section>
                    <hgroup>
                        <h2>Probando Mootols</h2>
                    </hgroup>
                    <p>
                        Realizando pruebas con Mootols
                    </p>
                    <br><br>
                    <article>
                        <p>
                            Script de mootols
                        </p>
                    </article>
                </section>
            </div>
            <div id="pruebas" class="pruebas">
                <section>
                    <article>
                        <hgroup>
                            <h2>Da click</h2>
                        </hgroup>
                        <p>
                            
                        </p>
                    </article>
                </section>
            </div>
            <div id="neg" class="neg">
                <div id="fneg" class="fneg">
                    <article>
                        <hgroup>
                            <h2>Prueba Oscurecer Pantalla</h2>
                        </hgroup>
                        <p>
                            Esta es una prueba con la cual se ha oscurecido la
                            pantalla ademas de inabilitar el contenido de la misma
                            centrando el foco en un div superior, y al darle click al mismo
                            se habilita nuevamente nuestro sitio ademas de dejarnos en la posicion original
                        </p>
                    </article>
                </div>
                </div>
            <footer>
                
            </footer>
        </div>
    </body>
</html>
